<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Neon Admin Panel">
	<meta name="author" content="">
	
	<title>小学期</title>
	

	<link rel="stylesheet" href="static/css/jquery-ui-1.10.3.custom.min.css">
	<link rel="stylesheet" href="static/css/entypo.css">
	<link rel="stylesheet" href="static/css/css.css">
	<link rel="stylesheet" href="static/css/bootstrap.css">
	<link rel="stylesheet" href="static/css/neon-core.css">
	<link rel="stylesheet" href="static/css/neon-theme.css">
	<link rel="stylesheet" href="static/css/neon-forms.css">
	<link rel="stylesheet" href="static/css/custom.css">
	<link rel="stylesheet" href="static/css/black.css">

	<script src="static/js/jquery-1.11.0.min.js"></script>

	<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	
	
</head>
<body class="page-body skin-black" data-url="http://neon.dev">

<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->	
	
	<div class="sidebar-menu">

		<div><h1 style="color: white">企业进销存管理系统</h1></div>

				<div class="sidebar-user-info">
			
			<div>
				<a href="#" class="user-link">
					<img src="static/picture/thumb-1.png" alt="" class="img-circle">

					<span>欢迎进入</span>
					<strong>管理系统</strong>
				</a>
			</div>
			
<!--			<div class="sui-hover inline-links animate-in">&lt;!&ndash; You can remove "inline-links" class to make links appear vertically, class "animate-in" will make A elements animateable when click on user profile &ndash;&gt;				-->
<!--				<a href="#">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					New Page-->
<!--				</a>-->
<!--				-->
<!--				<a href="mailbox.html">-->
<!--					<i class="entypo-mail"></i>-->
<!--					Inbox-->
<!--				</a>-->
<!--				-->
<!--				<a href="extra-lockscreen.html">-->
<!--					<i class="entypo-lock"></i>-->
<!--					Log Off-->
<!--				</a>-->
<!--				-->
<!--				<span class="close-sui-popup">&times;</span>&lt;!&ndash; this is mandatory &ndash;&gt;			</div>-->
		</div>
					
				
		
				
		<ul id="main-menu" class="">
			<!-- add class "multiple-expanded" to allow multiple submenus to open -->
			<!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
			<!-- Search Bar -->
			<li id="search">
				<form method="get" action="">
					<input type="text" name="q" class="search-input" placeholder="查找">
					<button type="submit">
						<i class="entypo-search"></i>
					</button>
				</form>
			</li>
			<li class="opened active opened active">
				<a href="index.html">
					<i class="entypo-gauge"></i>
					<span>库存管理</span>
				</a>
				<ul>
					<li>
						<a href="index.html">
							<span>库存盘点</span>
						</a>
					</li>
					<li class="active">
						<a href="price.html">
							<span>库存价格调整</span>
						</a>
					</li>
<!--					<li>-->
<!--						<a href="dashboard-2.html">-->
<!--							<span>Dashboard 2</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="dashboard-3.html">-->
<!--							<span>Dashboard 3</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li class="active opened active">-->
<!--						<a href="">-->
<!--							<span>Skins</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li class="active">-->
<!--								<a href="">-->
<!--									<span>Black Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-white.html">-->
<!--									<span>White Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-purple.html">-->
<!--									<span>Purple Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-cafe.html">-->
<!--									<span>Cafe Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-red.html">-->
<!--									<span>Red Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-green.html">-->
<!--									<span>Green Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-yellow.html">-->
<!--									<span>Yellow Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-blue.html">-->
<!--									<span>Blue Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="javascript:;">-->
<!--									<span>More themes</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="highlights.html">-->
<!--							<span>What's New</span>-->
<!--							<span class="badge badge-success badge-roundless">v1.7</span>-->
<!--						</a>-->
<!--					</li>-->
				</ul>
			</li>
			<li>
				<a href="">
					<i class="entypo-newspaper"></i>
					<span>基础信息管理</span>
				</a>
				<ul>
					<li class="active">
						<a href="ui-navbars.html">
							<span>客户信息</span>
						</a>
					</li>
				</ul>
			</li>
<!--			<li>-->
<!--				<a href="暂不用/layout-api.html">-->
<!--					<i class="entypo-layout"></i>-->
<!--					<span>Layouts</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-api.html">-->
<!--							<span>Layout API</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-collapsed-sidebar.html">-->
<!--							<span>Collapsed Sidebar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-fixed-sidebar.html">-->
<!--							<span>Fixed Sidebar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-chat-open.html">-->
<!--							<span>Chat Open</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-horizontal-menu-boxed.html">-->
<!--							<span>Horizontal Menu Boxed</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-horizontal-menu-fluid.html">-->
<!--							<span>Horizontal Menu Fluid</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-mixed-menus.html">-->
<!--							<span>Mixed Menus</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-right-sidebar.html">-->
<!--							<span>Right Sidebar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-both-menus-right-sidebar.html">-->
<!--							<span>Both Menus (Right Sidebar)</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-page-transition-fade.html">-->
<!--							<span>Page Enter Transitions</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-fade.html">-->
<!--									<span>Fade Scale</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-left-in.html">-->
<!--									<span>Left In</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-right-in.html">-->
<!--									<span>Right In</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-fade-only.html">-->
<!--									<span>Fade Only</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-boxed.html">-->
<!--							<span>Boxed Layout</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="index.html" target="_blank">-->
<!--					<i class="entypo-monitor"></i>-->
<!--					<span>Frontend</span>-->
<!--				</a>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="ui-panels.html">-->
<!--					<i class="entypo-newspaper"></i>-->
<!--					<span>UI Elements</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="ui-panels.html">-->
<!--							<span>Panels</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-tiles.html">-->
<!--							<span>Tiles</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-buttons.html">-->
<!--							<span>Buttons</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-typography.html">-->
<!--							<span>Typography</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-tabs-accordions.html">-->
<!--							<span>Tabs &amp; Accordions</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-tooltips-popovers.html">-->
<!--							<span>Tooltips &amp; Popovers</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-navbars.html">-->
<!--							<span>Navbars</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-breadcrumbs.html">-->
<!--							<span>Breadcrumbs</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-badges-labels.html">-->
<!--							<span>Badges &amp; Labels</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-progress-bars.html">-->
<!--							<span>Progress Bars</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-modals.html">-->
<!--							<span>Modals</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-blockquotes.html">-->
<!--							<span>Blockquotes</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-alerts.html">-->
<!--							<span>Alerts</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-pagination.html">-->
<!--							<span>Pagination</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="mailbox.html">-->
<!--					<i class="entypo-mail"></i>-->
<!--					<span>Mailbox</span>-->
<!--					<span class="badge badge-secondary">8</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="mailbox.html">-->
<!--							<i class="entypo-inbox"></i>-->
<!--							<span>Inbox</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="mailbox-compose.html">-->
<!--							<i class="entypo-pencil"></i>-->
<!--							<span>Compose Message</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="mailbox-message.html">-->
<!--							<i class="entypo-attach"></i>-->
<!--							<span>View Message</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="forms-main.html">-->
<!--					<i class="entypo-doc-text"></i>-->
<!--					<span>Forms</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="forms-main.html">-->
<!--							<span>Basic Elements</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-advanced.html">-->
<!--							<span>Advanced Plugins</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-wizard.html">-->
<!--							<span>Form Wizard</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-validation.html">-->
<!--							<span>Data Validation</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-masks.html">-->
<!--							<span>Input Masks</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-sliders.html">-->
<!--							<span>Sliders</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-file-upload.html">-->
<!--							<span>File Upload</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-wysiwyg.html">-->
<!--							<span>Editors</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
			<li>
				<a href="tables-main.html">
					<i class="entypo-window"></i>
					<span>进货管理</span>
				</a>
				<ul>
					<li>
						<a href="tables-main.html">
							<span>进货/退货</span>
						</a>
					</li>
					<li>
						<a href="tables-datatable.html">
							<span>进货单</span>
						</a>
					</li>
				</ul>
			</li>
<!--			<li>-->
<!--				<a href="extra-icons.html">-->
<!--					<i class="entypo-bag"></i>-->
<!--					<span>Extra</span>-->
<!--					<span class="badge badge-info badge-roundless">New Items</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="extra-icons.html">-->
<!--							<span>Icons</span>-->
<!--							<span class="badge badge-success">3</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="extra-icons.html">-->
<!--									<span>Font Awesome</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-icons-entypo.html">-->
<!--									<span>Entypo</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-icons-glyphicons.html">-->
<!--									<span>Glyph Icons</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-portlets.html">-->
<!--							<span>Portlets</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-google-maps.html">-->
<!--							<span>Maps</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="extra-google-maps.html">-->
<!--									<span>Google Maps</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-vector-maps.html">-->
<!--									<span>Vector Maps</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-chat-api.html">-->
<!--							<span>Chat API</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-calendar.html">-->
<!--							<span>Calendar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-notes.html">-->
<!--							<span>Notes</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-lockscreen.html">-->
<!--							<span>Lockscreen</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-login.html">-->
<!--							<span>Login</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-register.html">-->
<!--							<span>Register</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-invoice.html">-->
<!--							<span>Invoice</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-members.html">-->
<!--							<span>Members</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-gallery.html">-->
<!--							<span>Gallery</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="extra-gallery.html">-->
<!--									<span>Albums</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-gallery-single.html">-->
<!--									<span>Single Album</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-profile.html">-->
<!--							<span>Profile</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-404.html">-->
<!--							<span>404 Page</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-blank-page.html">-->
<!--							<span>Blank Page</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-timeline.html">-->
<!--							<span>Timeline</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-comments.html">-->
<!--							<span>Comments</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-timeline-centered.html">-->
<!--							<span>Timeline Centered</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-tocify.html">-->
<!--							<span>Tocify</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-notifications.html">-->
<!--							<span>Notifications</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-new-post.html">-->
<!--							<span>New Post</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-settings.html">-->
<!--							<span>Settings</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-scrollbox.html">-->
<!--							<span>Scrollbox</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-image-crop.html">-->
<!--							<span>Image Crop</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-search.html">-->
<!--							<span>Search Page</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-language-selector.html">-->
<!--							<span>Language Selector</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-nestable.html">-->
<!--							<span>Nestable Lists</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-file-tree.html">-->
<!--							<span>File Tree</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-load-progress.html">-->
<!--							<span>Load Progress</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="charts.html">-->
<!--					<i class="entypo-chart-bar"></i>-->
<!--					<span>Charts</span>-->
<!--				</a>-->
<!--			</li>-->
			<li>
				<a href="#">
					<i class="entypo-flow-tree"></i>
					<span>Menu Levels</span>
				</a>
				<ul>
					<li>
						<a href="#">
							<i class="entypo-flow-line"></i>
							<span>Menu Level 1.1</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="entypo-flow-line"></i>
							<span>Menu Level 1.2</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="entypo-flow-line"></i>
							<span>Menu Level 1.3</span>
						</a>
						<ul>
							<li>
								<a href="#">
									<i class="entypo-flow-parallel"></i>
									<span>Menu Level 2.1</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="entypo-flow-parallel"></i>
									<span>Menu Level 2.2</span>
								</a>
								<ul>
									<li>
										<a href="#">
											<i class="entypo-flow-cascade"></i>
											<span>Menu Level 3.1</span>
										</a>
										<ul>
											<li>
												<a href="#">
													<i class="entypo-flow-branch"></i>
													<span>Menu Level 4.1</span>
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#">
											<i class="entypo-flow-cascade"></i>
											<span>Menu Level 3.2</span>
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">
									<i class="entypo-flow-parallel"></i>
									<span>Menu Level 2.3</span>
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<a href="skin-black.html">
					<i class="entypo-chart-bar"></i>
					<span>换肤</span>
				</a>
				<ul>
					<li>
						<a href="skin-black.html">
							<span>经典黑</span>
						</a>
					</li>
					<li>
						<a href="skin-white.html">
							<span>象牙白</span>
						</a>
					</li>
				</ul>
			</li>
		</ul>
				
	</div>	
	<div class="main-content">
		
<!--<div class="row">-->
<!--	-->
<!--	&lt;!&ndash; Profile Info and Notifications &ndash;&gt;-->
<!--	<div class="col-md-6 col-sm-8 clearfix">-->
<!--		-->
<!--		<ul class="user-info pull-left pull-none-xsm">-->
<!--		-->
<!--					-->
<!--		<ul class="user-info pull-left pull-right-xs pull-none-xsm">-->
<!--			-->
<!--			&lt;!&ndash; Raw Notifications &ndash;&gt;-->
<!--			<li class="notifications dropdown">-->
<!--				-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">-->
<!--					<i class="entypo-attention"></i>-->
<!--					<span class="badge badge-info">6</span>-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu">-->
<!--					<li class="top">-->
<!--	<p class="small">-->
<!--		<a href="#" class="pull-right">Mark all Read</a>-->
<!--		You have <strong>3</strong> new notifications.-->
<!--	</p>-->
<!--</li>-->

<!--<li>-->
<!--	<ul class="dropdown-menu-list scroller">-->
<!--		<li class="unread notification-success">-->
<!--			<a href="#">-->
<!--				<i class="entypo-user-add pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>New user registered</strong>-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					30 seconds ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="unread notification-secondary">-->
<!--			<a href="#">-->
<!--				<i class="entypo-heart pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Someone special liked this</strong>-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					2 minutes ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-primary">-->
<!--			<a href="#">-->
<!--				<i class="entypo-user pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Privacy settings have been changed</strong>-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					3 hours ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-danger">-->
<!--			<a href="#">-->
<!--				<i class="entypo-cancel-circled pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					John cancelled the event-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					9 hours ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-info">-->
<!--			<a href="#">-->
<!--				<i class="entypo-info pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					The server is status is stable-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					yesterday at 10:30am-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-warning">-->
<!--			<a href="#">-->
<!--				<i class="entypo-rss pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					New comments waiting approval-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					last week-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--	</ul>-->
<!--</li>-->

<!--<li class="external">-->
<!--	<a href="#">View all notifications</a>-->
<!--</li>				</ul>-->
<!--				-->
<!--			</li>-->
<!--			-->
<!--			&lt;!&ndash; Message Notifications &ndash;&gt;-->
<!--			<li class="notifications dropdown">-->
<!--				-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">-->
<!--					<i class="entypo-mail"></i>-->
<!--					<span class="badge badge-secondary">10</span>-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu">-->
<!--					<li>-->
<!--	<ul class="dropdown-menu-list scroller">-->
<!--		<li class="active">-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-1.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Luc Chartier</strong>-->
<!--					- yesterday-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					This ain’t our first item, it is the best of the rest.-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="active">-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-2.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Salma Nyberg</strong>-->
<!--					- 2 days ago-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					Oh he decisively impression attachment friendship so if everything. -->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-3.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					Hayden Cartwright-->
<!--					- a week ago-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-4.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					Sandra Eberhardt-->
<!--					- 16 days ago-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					On so attention necessary at by provision otherwise existence direction.-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--	</ul>-->
<!--</li>-->

<!--<li class="external">-->
<!--	<a href="mailbox.html">All Messages</a>-->
<!--</li>				</ul>-->
<!--				-->
<!--			</li>-->
<!--			-->
<!--			&lt;!&ndash; Task Notifications &ndash;&gt;-->
<!--			<li class="notifications dropdown">-->
<!--				-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">-->
<!--					<i class="entypo-list"></i>-->
<!--					<span class="badge badge-warning">1</span>-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu">-->
<!--					<li class="top">-->
<!--	<p>You have 6 pending tasks</p>-->
<!--</li>-->

<!--<li>-->
<!--	<ul class="dropdown-menu-list scroller">-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Procurement</span>-->
<!--					<span class="percent">27%</span>-->
<!--				</span>-->
<!--			-->
<!--				<span class="progress">-->
<!--					<span style="width: 27%;" class="progress-bar progress-bar-success">-->
<!--						<span class="sr-only">27% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">App Development</span>-->
<!--					<span class="percent">83%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 83%;" class="progress-bar progress-bar-danger">-->
<!--						<span class="sr-only">83% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">HTML Slicing</span>-->
<!--					<span class="percent">91%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress">-->
<!--					<span style="width: 91%;" class="progress-bar progress-bar-success">-->
<!--						<span class="sr-only">91% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Database Repair</span>-->
<!--					<span class="percent">12%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 12%;" class="progress-bar progress-bar-warning">-->
<!--						<span class="sr-only">12% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Backup Create Progress</span>-->
<!--					<span class="percent">54%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 54%;" class="progress-bar progress-bar-info">-->
<!--						<span class="sr-only">54% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Upgrade Progress</span>-->
<!--					<span class="percent">17%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 17%;" class="progress-bar progress-bar-important">-->
<!--						<span class="sr-only">17% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--	</ul>-->
<!--</li>-->

<!--<li class="external">-->
<!--	<a href="#">See all tasks</a>-->
<!--</li>				</ul>-->
<!--				-->
<!--			</li>-->
<!--		-->
<!--		</ul>-->
<!--	-->
<!--	</ul></div>-->
<!--	-->
<!--	-->
<!--	&lt;!&ndash; Raw Links &ndash;&gt;-->
<!--	<div class="col-md-6 col-sm-4 clearfix hidden-xs">-->
<!--		-->
<!--		<ul class="list-inline links-list pull-right">-->
<!--			-->
<!--			&lt;!&ndash; Language Selector &ndash;&gt;			<li class="dropdown language-selector">-->
<!--				-->
<!--				Language: &nbsp;-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">-->
<!--					<img src="static/picture/flag-uk.png">-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu pull-right">-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-de.png">-->
<!--							<span>Deutsch</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li class="active">-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-uk.png">-->
<!--							<span>English</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-fr.png">-->
<!--							<span>François</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-al.png">-->
<!--							<span>Shqip</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-es.png">-->
<!--							<span>Español</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--				-->
<!--			</li>-->
<!--			-->
<!--			<li class="sep"></li>-->
<!--			-->
<!--						-->
<!--			<li>-->
<!--				<a href="#" data-toggle="chat" data-animate="1" data-collapse-sidebar="1">-->
<!--					<i class="entypo-chat"></i>-->
<!--					Chat-->
<!--					-->
<!--					<span class="badge badge-success chat-notifications-badge is-hidden">0</span>-->
<!--				</a>-->
<!--			</li>-->
<!--			-->
<!--			<li class="sep"></li>-->
<!--			-->
<!--			<li>-->
<!--				<a href="extra-login.html">-->
<!--					Log Out <i class="entypo-logout right"></i>-->
<!--				</a>-->
<!--			</li>-->
<!--		</ul>-->
<!--		-->
<!--	</div>-->
<!--	-->
<!--</div>-->

<!--<hr>-->

<script type="text/javascript">
jQuery(document).ready(function($) 
{
	// Sample Toastr Notification
	setTimeout(function()
	{			
		var opts = {
			"closeButton": true,
			"debug": false,
			"positionClass": rtl() || public_vars.$pageContainer.hasClass('right-sidebar') ? "toast-top-left" : "toast-top-right",
			"toastClass": "black",
			"onclick": null,
			"showDuration": "300",
			"hideDuration": "1000",
			"timeOut": "5000",
			"extendedTimeOut": "1000",
			"showEasing": "swing",
			"hideEasing": "linear",
			"showMethod": "fadeIn",
			"hideMethod": "fadeOut"
		};

		toastr.success("You have been awarded with 1 year free subscription. Enjoy it!", "Account Subcription Updated", opts);
	}, 3000);
	
	
	// Sparkline Charts
	$('.inlinebar').sparkline('html', {type: 'bar', barColor: '#ff6264'} );
	$('.inlinebar-2').sparkline('html', {type: 'bar', barColor: '#445982'} );
	$('.inlinebar-3').sparkline('html', {type: 'bar', barColor: '#00b19d'} );
	$('.bar').sparkline([ [1,4], [2, 3], [3, 2], [4, 1] ], { type: 'bar' });
	$('.pie').sparkline('html', {type: 'pie',borderWidth: 0, sliceColors: ['#3d4554', '#ee4749','#00b19d']});
	$('.linechart').sparkline();
	$('.pageviews').sparkline('html', {type: 'bar', height: '30px', barColor: '#ff6264'} );
	$('.uniquevisitors').sparkline('html', {type: 'bar', height: '30px', barColor: '#00b19d'} );
	
	
	$(".monthly-sales").sparkline([1,2,3,5,6,7,2,3,3,4,3,5,7,2,4,3,5,4,5,6,3,2], {
		type: 'bar',
		barColor: '#485671',
		height: '80px',
		barWidth: 10,
		barSpacing: 2
	});	
	
	
	// JVector Maps
	var map = $("#map");
	
	map.vectorMap({
		map: 'europe_merc_en',
		zoomMin: '3',
		backgroundColor: '#383f47',
		focusOn: { x: 0.5, y: 0.8, scale: 3 }
	});		
	
			
	
	// Line Charts
	var line_chart_demo = $("#line-chart-demo");
	
	var line_chart = Morris.Line({
		element: 'line-chart-demo',
		data: [
			{ y: '2006', a: 100, b: 90 },
			{ y: '2007', a: 75,  b: 65 },
			{ y: '2008', a: 50,  b: 40 },
			{ y: '2009', a: 75,  b: 65 },
			{ y: '2010', a: 50,  b: 40 },
			{ y: '2011', a: 75,  b: 65 },
			{ y: '2012', a: 100, b: 90 }
		],
		xkey: 'y',
		ykeys: ['a', 'b'],
		labels: ['October 2013', 'November 2013'],
		redraw: true
	});
	
	line_chart_demo.parent().attr('style', '');
	
	
	// Donut Chart
	var donut_chart_demo = $("#donut-chart-demo");
	
	donut_chart_demo.parent().show();
	
	var donut_chart = Morris.Donut({
		element: 'donut-chart-demo',
		data: [
			{label: "Download Sales", value: getRandomInt(10,50)},
			{label: "In-Store Sales", value: getRandomInt(10,50)},
			{label: "Mail-Order Sales", value: getRandomInt(10,50)}
		],
		colors: ['#707f9b', '#455064', '#242d3c']
	});
	
	donut_chart_demo.parent().attr('style', '');
	
	
	// Area Chart
	var area_chart_demo = $("#area-chart-demo");
	
	area_chart_demo.parent().show();
	
	var area_chart = Morris.Area({
		element: 'area-chart-demo',
		data: [
			{ y: '2006', a: 100, b: 90 },
			{ y: '2007', a: 75,  b: 65 },
			{ y: '2008', a: 50,  b: 40 },
			{ y: '2009', a: 75,  b: 65 },
			{ y: '2010', a: 50,  b: 40 },
			{ y: '2011', a: 75,  b: 65 },
			{ y: '2012', a: 100, b: 90 }
		],
		xkey: 'y',
		ykeys: ['a', 'b'],
		labels: ['Series A', 'Series B'],
		lineColors: ['#303641', '#576277']
	});
	
	area_chart_demo.parent().attr('style', '');
	
	
	
	
	// Rickshaw
	var seriesData = [ [], [] ];
	
	var random = new Rickshaw.Fixtures.RandomData(50);
	
	for (var i = 0; i < 50; i++) 
	{
		random.addData(seriesData);
	}
	
	var graph = new Rickshaw.Graph( {
		element: document.getElementById("rickshaw-chart-demo"),
		height: 193,
		renderer: 'area',
		stroke: false,
		preserve: true,
		series: [{
				color: '#73c8ff',
				data: seriesData[0],
				name: 'Upload'
			}, {
				color: '#e0f2ff',
				data: seriesData[1],
				name: 'Download'
			}
		]
	} );
	
	graph.render();
	
	var hoverDetail = new Rickshaw.Graph.HoverDetail( {
		graph: graph,
		xFormatter: function(x) {
			return new Date(x * 1000).toString();
		}
	} );
	
	var legend = new Rickshaw.Graph.Legend( {
		graph: graph,
		element: document.getElementById('rickshaw-legend')
	} );
	
	var highlighter = new Rickshaw.Graph.Behavior.Series.Highlight( {
		graph: graph,
		legend: legend
	} );
	
	setInterval( function() {
		random.removeData(seriesData);
		random.addData(seriesData);
		graph.update();
	
	}, 500 );
});


function getRandomInt(min, max) 
{
	return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>


<div class="row">
	<div class="col-sm-3">
	
		<div class="tile-stats tile-red">
			<div class="icon"><i class="entypo-users"></i></div>
			<div class="num" data-start="0" data-end="84" data-postfix="" data-duration="1500" data-delay="0">0</div>

			<h3>商品A</h3>
			<p>今日库存变化量（单位：件）</p>
		</div>
		
	</div>
	
	<div class="col-sm-3">
	
		<div class="tile-stats tile-green">
			<div class="icon"><i class="entypo-chart-bar"></i></div>
			<div class="num" data-start="-100" data-end="-80" data-postfix="" data-duration="1500" data-delay="600">0</div>

			<h3>商品B</h3>
			<p>今日库存变化量（单位：件）</p>
		</div>
		
	</div>
	
	<div class="col-sm-3">
	
		<div class="tile-stats tile-aqua">
			<div class="icon"><i class="entypo-mail"></i></div>
			<div class="num" data-start="0" data-end="30" data-postfix="" data-duration="1500" data-delay="1200">0</div>

			<h3>商品C</h3>
			<p>今日库存变化量（单位：件）</p>
		</div>
		
	</div>
	
	<div class="col-sm-3">
	
		<div class="tile-stats tile-blue">
			<div class="icon"><i class="entypo-rss"></i></div>
			<div class="num" data-start="-60" data-end="-52" data-postfix="" data-duration="1500" data-delay="1800">0</div>

			<h3>商品D</h3>
			<p>今日库存变化量（单位：件）</p>
		</div>
		
	</div>
</div>

<br>

<div class="row">
	<div class="col-sm-8">
	
		<div class="panel panel-primary" id="charts_env">
		
			<div class="panel-heading">
				<div class="panel-title">近几年各类型商品库存量（单位：万件）</div>
				
				<div class="panel-options">
					<ul class="nav nav-tabs">
<!--						<li class=""><a href="#area-chart" data-toggle="tab">Area Chart</a></li>-->
						<li class="active"><a href="#line-chart" data-toggle="tab"></a></li>
<!--						<li class=""><a href="#pie-chart" data-toggle="tab">Pie Chart</a></li>-->
					</ul>
				</div>
			</div>
	
			<div class="panel-body">
			
				<div class="tab-content">
				
					<div class="tab-pane" id="area-chart">							
						<div id="area-chart-demo" class="morrischart" style="height: 300px"></div>
					</div>
					
					<div class="tab-pane active" id="line-chart">
						<div id="line-chart-demo" class="morrischart" style="height: 300px"></div>
					</div>
					
					<div class="tab-pane" id="pie-chart">
						<div id="donut-chart-demo" class="morrischart" style="height: 300px;"></div>
					</div>
					
				</div>
				
			</div>

<!--			<table class="table table-bordered table-responsive">-->

<!--				<thead>-->
<!--					<tr>-->
<!--						<th width="50%" class="col-padding-1">-->
<!--							<div class="pull-left">-->
<!--								<div class="h4 no-margin">Pageviews</div>-->
<!--								<small>54,127</small>-->
<!--							</div>-->
<!--							<span class="pull-right pageviews">4,3,5,4,5,6,5</span>-->
<!--							-->
<!--						</th>-->
<!--						<th width="50%" class="col-padding-1">-->
<!--							<div class="pull-left">-->
<!--								<div class="h4 no-margin">Unique Visitors</div>-->
<!--								<small>25,127</small>-->
<!--							</div>-->
<!--							<span class="pull-right uniquevisitors">2,3,5,4,3,4,5</span>-->
<!--						</th>-->
<!--					</tr>-->
<!--				</thead>-->
<!--				-->
<!--			</table>-->
			
		</div>	

	</div>

	<div class="col-sm-4">

		<div class="panel panel-primary">
<!--			<div class="panel-heading">-->
<!--				<div class="panel-title">-->
<!--					<h4>-->
<!--						Real Time Stats-->
<!--						<br>-->
<!--						<small>current server uptime</small>-->
<!--					</h4>-->
<!--				</div>-->
<!--				-->
<!--				<div class="panel-options">-->
<!--					<a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-1" class="bg"><i class="entypo-cog"></i></a>-->
<!--					<a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>-->
<!--					<a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>-->
<!--					<a href="#" data-rel="close"><i class="entypo-cancel"></i></a>-->
<!--				</div>-->
<!--			</div>-->
		
			<div class="panel-body no-padding">
				<div id="rickshaw-chart-demo">
					<div id="rickshaw-legend"></div>
				</div>
			</div>
		</div>

	</div>
</div>


<br>

<div class="row">
	
	<div class="col-sm-4">
		
<!--		<div class="panel panel-primary">-->
<!--			<table class="table table-bordered table-responsive">-->
<!--				<thead>-->
<!--					<tr>-->
<!--						<th class="padding-bottom-none text-center">-->
<!--							<br>-->
<!--							<br>-->
<!--							<span class="monthly-sales"></span>-->
<!--						</th>-->
<!--					</tr>-->
<!--				</thead>-->
<!--				<tbody>-->
<!--					<tr>-->
<!--						<td class="panel-heading">-->
<!--							<h4>Monthly Sales</h4>-->
<!--						</td>-->
<!--					</tr>-->
<!--				</tbody>-->
<!--			</table>-->
<!--		</div>-->
		
	</div>
	
	<div class="col-sm-8">
		
		<div class="panel panel-primary">
			<div class="panel-heading">
				<div class="panel-title">最新商品库存信息</div>
				
				<div class="panel-options">
					<a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-1" class="bg"><i class="entypo-cog"></i></a>
					<a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
					<a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
					<a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
				</div>
			</div>
				
			<table class="table table-bordered table-responsive">
				<thead>
					<tr>
						<th>商品编号</th>
						<th>商品名称</th>
						<th>库存位置</th>
						<th>库存数量(件)</th>
					</tr>
				</thead>
				
				<tbody>
				<tr>
					<td>001</td>
					<td>商品A</td>
					<td>货架1-10</td>
					<td>5000</td>
				</tr>

				<tr>
					<td>002</td>
					<td>商品B</td>
					<td>货架11-20</td>
					<td>8800</td>
				</tr>

				<tr>
					<td>003</td>
					<td>商品C</td>
					<td>货架21-30</td>
					<td>7050</td>
				</tr>

				<tr>
					<td>004</td>
					<td>商品D</td>
					<td>货架31-40</td>
					<td>4200</td>
				</tr>
				</tbody>
			</table>
		</div>
		
	</div>
	
</div>

<br>


<script type="text/javascript">
	// Code used to add Todo Tasks
	jQuery(document).ready(function($)
	{
		var $todo_tasks = $("#todo_tasks");
		
		$todo_tasks.find('input[type="text"]').on('keydown', function(ev)
		{
			if(ev.keyCode == 13)
			{
				ev.preventDefault();
				
				if($.trim($(this).val()).length)
				{
					var $todo_entry = $('<li><div class="checkbox checkbox-replace color-white"><input type="checkbox" /><label>'+$(this).val()+'</label></div></li>');
					$(this).val('');
					
					$todo_entry.appendTo($todo_tasks.find('.todo-list'));
					$todo_entry.hide().slideDown('fast');
					replaceCheckboxes();
				}
			}
		});
	});
</script>

<div class="row">
	
	<div class="col-sm-3">
		<div class="tile-block" id="todo_tasks">
			
<!--			<div class="tile-header">-->
<!--				<i class="entypo-list"></i>-->
<!--				-->
<!--				<a href="#">-->
<!--					Tasks-->
<!--					<span>To do list, tick one.</span>-->
<!--				</a>-->
<!--			</div>-->
<!--			-->
<!--			<div class="tile-content">-->
<!--				-->
<!--				<input type="text" class="form-control" placeholder="Add Task">-->
<!--				-->
<!--				-->
<!--				<ul class="todo-list">-->
<!--					<li>-->
<!--						<div class="checkbox checkbox-replace color-white">-->
<!--							<input type="checkbox">-->
<!--							<label>Website Design</label>-->
<!--						</div>-->
<!--					</li>-->
<!--					-->
<!--					<li>-->
<!--						<div class="checkbox checkbox-replace color-white">-->
<!--							<input type="checkbox" id="task-2" checked="">-->
<!--							<label>Slicing</label>-->
<!--						</div>-->
<!--					</li>-->
<!--					-->
<!--					<li>-->
<!--						<div class="checkbox checkbox-replace color-white">-->
<!--							<input type="checkbox" id="task-3">-->
<!--							<label>WordPress Integration</label>-->
<!--						</div>-->
<!--					</li>-->
<!--					-->
<!--					<li>-->
<!--						<div class="checkbox checkbox-replace color-white">-->
<!--							<input type="checkbox" id="task-4">-->
<!--							<label>SEO Optimize</label>-->
<!--						</div>-->
<!--					</li>-->
<!--					-->
<!--					<li>-->
<!--						<div class="checkbox checkbox-replace color-white">-->
<!--							<input type="checkbox" id="task-5" checked="">-->
<!--							<label>Minify &amp; Compress</label>-->
<!--						</div>-->
<!--					</li>-->
<!--				</ul>-->
				
			</div>
			
<!--			<div class="tile-footer">-->
<!--				<a href="#">View all tasks</a>-->
<!--			</div>-->
			
		</div>
	</div>

	<div class="col-sm-9">
		
		<script type="text/javascript">
			jQuery(document).ready(function($)
			{
				var map = $("#map-2");
				
				map.vectorMap({
					map: 'europe_merc_en',
					zoomMin: '3',
					backgroundColor: '#383f47',
					focusOn: { x: 0.5, y: 0.8, scale: 3 }
				});
			});
		</script>
		
<!--		<div class="tile-group">-->
<!--			-->
<!--			<div class="tile-left">-->
<!--				<div class="tile-entry">-->
<!--					<h3>Map</h3>-->
<!--					<span>top visitors location</span>-->
<!--				</div>-->
<!--				-->
<!--				<div class="tile-entry">-->
<!--					<img src="static/picture/sample-al.png" alt="" class="pull-right op">-->
<!--					-->
<!--					<h4>Albania</h4>-->
<!--					<span>25%</span>-->
<!--				</div>-->
<!--				-->
<!--				<div class="tile-entry">-->
<!--					<img src="static/picture/sample-it.png" alt="" class="pull-right op">-->
<!--					-->
<!--					<h4>Italy</h4>-->
<!--					<span>18%</span>-->
<!--				</div>-->
<!--				-->
<!--				<div class="tile-entry">-->
<!--					<img src="static/picture/sample-au.png" alt="" class="pull-right op">-->
<!--					-->
<!--					<h4>Austria</h4>-->
<!--					<span>15%</span>-->
<!--				</div>-->
<!--			</div>-->
<!--			-->
<!--			<div class="tile-right">-->
<!--				-->
<!--				<div id="map-2" class="map"></div>-->
<!--				-->
<!--			</div>-->
<!--			-->
<!--		</div>-->
		
	</div>

</div>
<!-- Footer -->
<!--<footer class="main">-->
<!--	-->
<!--		-->
<!--	Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>-->
<!--	-->
<!--</footer>	</div>-->
	
	
<div id="chat" class="fixed" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
	
	<div class="chat-inner">
	
		
		<h2 class="chat-header">
			<a href="#" class="chat-close" data-animate="1"><i class="entypo-cancel"></i></a>
			
			<i class="entypo-users"></i>
			Chat
			<span class="badge badge-success is-hidden">0</span>
		</h2>
		
		
		<div class="chat-group" id="group-1">
			<strong>Favorites</strong>
			
			<a href="#" id="sample-user-123" data-conversation-history="#sample_history"><span class="user-status is-online"></span> <em>Catherine J. Watkins</em></a>
			<a href="#"><span class="user-status is-online"></span> <em>Nicholas R. Walker</em></a>
			<a href="#"><span class="user-status is-busy"></span> <em>Susan J. Best</em></a>
			<a href="#"><span class="user-status is-offline"></span> <em>Brandon S. Young</em></a>
			<a href="#"><span class="user-status is-idle"></span> <em>Fernando G. Olson</em></a>
		</div>
		
		
		<div class="chat-group" id="group-2">
			<strong>Work</strong>
			
			<a href="#"><span class="user-status is-offline"></span> <em>Robert J. Garcia</em></a>
			<a href="#" data-conversation-history="#sample_history_2"><span class="user-status is-offline"></span> <em>Daniel A. Pena</em></a>
			<a href="#"><span class="user-status is-busy"></span> <em>Rodrigo E. Lozano</em></a>
		</div>
		
		
		<div class="chat-group" id="group-3">
			<strong>Social</strong>
			
			<a href="#"><span class="user-status is-busy"></span> <em>Velma G. Pearson</em></a>
			<a href="#"><span class="user-status is-offline"></span> <em>Margaret R. Dedmon</em></a>
			<a href="#"><span class="user-status is-online"></span> <em>Kathleen M. Canales</em></a>
			<a href="#"><span class="user-status is-offline"></span> <em>Tracy J. Rodriguez</em></a>
		</div>
	
	</div>
	
	<!-- conversation template -->
	<div class="chat-conversation">
		
		<div class="conversation-header">
			<a href="#" class="conversation-close"><i class="entypo-cancel"></i></a>
			
			<span class="user-status"></span>
			<span class="display-name"></span> 
			<small></small>
		</div>
		
		<ul class="conversation-body">	
		</ul>
		
		<div class="chat-textarea">
			<textarea class="form-control autogrow" placeholder="Type your message"></textarea>
		</div>
		
	</div>
	
</div>


<!-- Chat Histories -->
<ul class="chat-history" id="sample_history">
	<li>
		<span class="user">Art Ramadani</span>
		<p>Are you here?</p>
		<span class="time">09:00</span>
	</li>
	
	<li class="opponent">
		<span class="user">Catherine J. Watkins</span>
		<p>This message is pre-queued.</p>
		<span class="time">09:25</span>
	</li>
	
	<li class="opponent">
		<span class="user">Catherine J. Watkins</span>
		<p>Whohoo!</p>
		<span class="time">09:26</span>
	</li>
	
	<li class="opponent unread">
		<span class="user">Catherine J. Watkins</span>
		<p>Do you like it?</p>
		<span class="time">09:27</span>
	</li>
</ul>




<!-- Chat Histories -->
<ul class="chat-history" id="sample_history_2">
	<li class="opponent unread">
		<span class="user">Daniel A. Pena</span>
		<p>I am going out.</p>
		<span class="time">08:21</span>
	</li>
	
	<li class="opponent unread">
		<span class="user">Daniel A. Pena</span>
		<p>Call me when you see this message.</p>
		<span class="time">08:27</span>
	</li>
</ul>	
	</div>

<!-- Sample Modal (Default skin) -->
<div class="modal fade" id="sample-modal-dialog-1">
	<div class="modal-dialog">
		<div class="modal-content">
			
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">Widget Options - Default Modal</h4>
			</div>
			
			<div class="modal-body">
				<p>Now residence dashwoods she excellent you. Shade being under his bed her. Much read on as draw. Blessing for ignorant exercise any yourself unpacked. Pleasant horrible but confined day end marriage. Eagerness furniture set preserved far recommend. Did even but nor are most gave hope. Secure active living depend son repair day ladies now.</p>
			</div>
			
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">Save changes</button>
			</div>
		</div>
	</div>
</div>

<!-- Sample Modal (Skin inverted) -->
<div class="modal invert fade" id="sample-modal-dialog-2">
	<div class="modal-dialog">
		<div class="modal-content">
			
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">Widget Options - Inverted Skin Modal</h4>
			</div>
			
			<div class="modal-body">
				<p>Now residence dashwoods she excellent you. Shade being under his bed her. Much read on as draw. Blessing for ignorant exercise any yourself unpacked. Pleasant horrible but confined day end marriage. Eagerness furniture set preserved far recommend. Did even but nor are most gave hope. Secure active living depend son repair day ladies now.</p>
			</div>
			
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">Save changes</button>
			</div>
		</div>
	</div>
</div>

<!-- Sample Modal (Skin gray) -->
<div class="modal gray fade" id="sample-modal-dialog-3">
	<div class="modal-dialog">
		<div class="modal-content">
			
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">Widget Options - Gray Skin Modal</h4>
			</div>
			
			<div class="modal-body">
				<p>Now residence dashwoods she excellent you. Shade being under his bed her. Much read on as draw. Blessing for ignorant exercise any yourself unpacked. Pleasant horrible but confined day end marriage. Eagerness furniture set preserved far recommend. Did even but nor are most gave hope. Secure active living depend son repair day ladies now.</p>
			</div>
			
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">Save changes</button>
			</div>
		</div>
	</div>
</div>

	<link rel="stylesheet" href="static/css/jquery-jvectormap-1.2.2.css">
	<link rel="stylesheet" href="static/css/rickshaw.min.css">

	<!-- Bottom Scripts -->
	<script src="static/js/main-gsap.js"></script>
	<script src="static/js/jquery-ui-1.10.3.minimal.min.js"></script>
	<script src="static/js/bootstrap.js"></script>
	<script src="static/js/joinable.js"></script>
	<script src="static/js/resizeable.js"></script>
	<script src="static/js/neon-api.js"></script>
	<script src="static/js/jquery-jvectormap-1.2.2.min.js"></script>
	<script src="static/js/jquery-jvectormap-europe-merc-en.js"></script>
	<script src="static/js/jquery.sparkline.min.js"></script>
	<script src="static/js/d3.v3.js"></script>
	<script src="static/js/rickshaw.min.js"></script>
	<script src="static/js/raphael-min.js"></script>
	<script src="static/js/morris.min.js"></script>
	<script src="static/js/toastr.js"></script>
	<script src="static/js/neon-chat.js"></script>
	<script src="static/js/neon-custom.js"></script>
	<script src="static/js/neon-demo.js"></script>

</body>
</html>